body {
  overflow: initial !important;
  width: 100%;
  max-width: 640px;
  margin: 0 auto !important;
}
.auth_content {
  top: 10%;
  transform: translateY(0%);
}
.auth_content .step_block {
  display: none;
}
.auth_content .step_block:first-child {
  display: block;
}
.auth_content .zhuce_text {
  display: block;
  text-align: left;
  margin-left: 7.5%;
  font-size: 20px;
  font-weight: bold;
}
.auth_content ul {
  width: 85%;
  margin-top: 30px;
}
.auth_content ul li {
  overflow: hidden;
  margin-bottom: 15px;
  line-height: 40px;
  font-size: 16px;
}
.auth_content .inp_txt{
  display: inline-block;
  float: left;
  width: 22%;
  text-align: left;
  font-size: 14px;
}
.auth_content .inp_txt i {
  color: red;
  margin-right: 5px;
}
.auth_content .id_txt {
  width: 100%;
}
.auth_content .step_03 .id_input {
  width: 100%;
}
.auth_content .step_03 .id_tips {
  display: none;
  margin: 0 5px;
  text-align: left;
  font-size: 12px;
  line-height: 28px;
  color: #f5222d;
}
.auth_content .input {
  width: 78%;
  height: 40px;
  margin-bottom: 0;
}
.auth_content input[type="radio"]{
  vertical-align: middle;
}
.auth_content .input2 {
  float: left;
  width: 50%;
}
.auth_content .get_captcha_btn{
  width: 25%;
  height: 40px;
  border-radius:8px; 
  list-style: none;
  border:none;
  background: #0894ec;
  color:#fff;
  font-size: 12px;
  float: right;
}
.next_step{
  margin-top: 30px;
  width: 100%;
  height: 44px;
  background: #ccc;
  box-shadow: none;
  border:none;
  border-radius:8px;
  color: #fff;
  font-size: 16px;
}
.step_02 .inp_radio {
  float: left;
}
.step_02 .inp_radio label:first-child {
  margin-right: 20px;
}
.step_03 {
  margin-top: -10%;
}
.auth_content .step_03 ul {
  margin-top: 20px;
}
.step_03 .tips_box {
  overflow: hidden;
  width: 85%;
  margin: 0 auto;
  font-size: 14px;
}
.tips_box .see_eg {
  float: right;
  color: #FF961E;
}
.step_03 .upload_tips {
  display: block;
  float: left;
  font-style: normal;
  color: #666;
}
.step_03 .upload_li {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  height: 186px;
}
.step_03 .upload_li:first-child {
  margin-bottom: 20px;
}
.step_03 .upload--line {
  position: relative;
  width: 96%;
  height: 172px;
  margin: 6px auto;
  background-color: rgba(233,245,255,1);
  border-radius: 7px;
  overflow: hidden;
}
.step_03 .file_img,
.add_img .file_img {
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.upload--line .is_upload {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(233,245,255,1);
}
.upload--line .upload_img {
  width: 100%;
  height: 100%;
}
.up_img .edit_upload,
.up_img .edit_input,
.upload--line .edit_upload,
.upload--line .edit_input,
.step_05 .del_upload,
.is_auth_box .add_img .del_upload {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  right: 0;
  background: url('../../images/edit-idcard.png') no-repeat;
  background-size: 100%; 
}
.up_img .edit_input,
.upload--line .edit_input {
  opacity: 0;
  z-index: 1;
}
.upload--front{
  background-image: url('../../images/authen-front.png?2');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.upload--back{
  background-image: url('../../images/authen-back.png');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}
.see-sampe-panle{
  position: fixed;
  left: 50%;
  top: 130%;
  z-index: 11;
  width: 100%;
  max-width: 640px;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  color: white;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transform: translateX(-50%);
}
.sampe--img{
  width: 64%;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.sampe--img img{
  width: 100%;
  margin-bottom: 20px;
  border-radius: 10px;
  background-color: #fff;
}
.sampe--img .icon-danchuangguanbi{
  font-size: 32px;
  margin-top: 30px;
}
.close_panle {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  background: url('../../images/close.png') no-repeat;
  background-size: 100%;
}

.step_04 {
  margin-top: 10%;
}
.step_04 .finsh_text {
  text-align: center;
}
.step_04 .finsh_text .gou {
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url('../../images/gou.png') no-repeat;
  background-size: 100%;
}
.step_04 .finsh_text .txt {
  display: inline-block;
  line-height: 80px;
  vertical-align: bottom;
  margin-left: 5px;
  font-weight: bold;
}
.step_04 .to_page {
  display: block;
  width: 40%;
  line-height: 42px;
  background-color: rgb(8, 148, 236);
  color: #fff;
  border-radius: 8px;
  margin-top: 40px;
  font-size: 16px;
}
.step_044 {
  display: none;
  margin-top: 30%;
}
.step_044 .to_page {
  margin: 40px auto 0;
}

.step_05 .upload-ul {
  text-align: left;
}
.step_05 .upload--line {
  background: rgba(233,245,255,1) url('../../images/addimg.png') center center no-repeat;
  background-size: 15%;
}
.step_05 .tit_h5 {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 10px;
}
.step_05 .tit_tips {
  text-align: left;
  font-size: 14px;
  color: #999;
  font-weight: normal;
  margin-left: 8px;
}
.step_05 .upload_li{
  margin-bottom: 25px;
}
.step_05 .next_step,
.is_auth_box .next_step {
  background: #0894ec;
}
.add-others {
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
  background: #0894ec;
  padding: 6px 12px;
  display: inline-block;
}
.step_05 .next_step {
  margin-top: 60px;
}
.step_05 .add_li .del_upload,
.is_auth_box .add_img .del_upload {
  background: url('../../images/delete-img.png') no-repeat;
  background-size: 100%; 
  right: 0px;
  z-index: 2;
}
.step_05 .add_li .edit_upload {
  right: 38px;
}


/* 用户已认证 */
.is_auth_box {
  display: none;
  text-align: initial;
  width: 90%;
  margin: 20px auto;
}
.is_auth_box .is_tit {
  margin: 20px 0 10px;
}
.is_auth_box .is_block .is_p{
  font-size: 14px;
  color: #333;
}
.is_block .up_img {
  position: relative;
  width: 100%;
  height: 186px;
  border-radius: 10px;
  background-color: rgba(233,245,255,1);
  margin-bottom: 15px;
}
.is_block .up_img .upload_img:first-child {
  margin-bottom: 8px;
}
.is_block .up_img .upload_img {
  width: 100%;
  height: 186px;
  border-radius: 10px;
}
.is_block .img_txt {
  font-size: 14px;
}
.up_img .edit_input,
.up_img .edit_upload {
  top: 5px;
  right: 5px;
}
.is_auth_box .add-others {
  margin-bottom: 30px;
}

.modal-overlay,
.modal {
  position: fixed !important;
}
.is_auth_box .add_img {
  background: rgba(233,245,255,1) url('../../images/addimg.png') center center no-repeat;
  background-size: 15%;
}
.is_auth_box .add_img .del_upload {
  top: 5px;
  right: 5px;
}
.is_auth_box .add_img .edit_upload {
  right: 40px;
}
.is_auth_box .upload_img {
  position: absolute;
  top: 0;
  left: 0;
}
.add_img .file_img {
  position: absolute;
  z-index: 2;
}


/* 兼容 iPhone5 样式 */
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
  .auth_content .zhuce_text {
    margin-left: 5%;
  }
  .auth_content ul,
  .step_03 .tips_box {
    width: 90%;
  }
  .auth_content .inp_txt{
    font-size: 12px;
  }
  .auth_content .input2 {
    width: 44%;
  }
  .auth_content .get_captcha_btn {
    width: 31%;
  }
}

